<template>
	
	<footer>
		<div class="item">
			<router-link to="/news">
				比赛
			</router-link>
		</div>
		<div class="item">
			<router-link to="/read">
				视频
			</router-link>
		</div>
		<div class="item">
			<router-link to="/media">
				数据
			</router-link>
		</div>
		<div class="item">
			<router-link to="/personal">
				更多
			</router-link>
		</div>
	</footer>
	
</template>

<script>
</script>

<style>
	footer{
		background-color: #006bb6;
		color: #5ea2d1;
		font-size: .5rem;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1.2rem;
		line-height: 1.2rem;
		display: flex;
		box-shadow: 0px -2px 2px #eee;
	}
	.item {
		flex-grow: 1;
		text-align: center;
	}
	
	.item  a{
		color: #7f97a7;
		text-decoration: none;
	}
	.item  a.router-link-active{
		color:white;
		
	}
</style>